.baseBox{position:fixed; right:50%; bottom:50px; _margin-bottom:50px; margin-right:-690px; z-index:888; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

.baseBox .J_ScrollTop{width: 70px; padding: 5px 0 10px; background: #FBFBFB; border:1px solid #E5E5E5; border-bottom: 1px solid #FFF; cursor: pointer;}
.baseBox .J_ScrollTop span.bimg_01{display: block; width: 38px; height: 38px; background: url(../images/besa.png) no-repeat -112px 0px; margin: 0 auto;}
.baseBox .J_ScrollTop .b_txt{height: 16px; font: 100 12px/16px Verdana, SimSun, Arial; margin-top: 2px; text-align: center; color: #3AA400;}

.baseOn{width: 70px; background: #FBFBFB; border: 1px solid #e5e5e5; border-bottom: 0; z-index: 999;}
.overOn{overflow: hidden;}
.baseOn li{width: 70px; padding: 0 0 10px; border-bottom: 1px solid #E7E7E7; border-top: 1px solid #FFF; cursor: pointer; position: relative;}
.baseOn li span{display: block; width: 38px; height: 38px; background: url(../images/besa.png) no-repeat; margin: 0 auto;}
.baseOn li span.bimg_02{background-position: 0 0;}
.baseOn li span.bimg_03{background-position: -36px 0;}
.baseOn li span.bimg_04{background-position: -75px 0;}
.baseOn li span.bimg_05{background-position: -150px 0;}
.baseOn .b_txt{height: 16px; font: 100 12px/16px Verdana, SimSun, Arial; margin-top: 2px; text-align: center; color: #3AA400;}

.baseBox .on{background: #3AA400;}
.baseBox .on span.bimg_01{background: url(../images/besa.png) no-repeat -112px -35px;}
.baseBox .on span.bimg_02{background-position: 0 -35px;}
.baseBox .on span.bimg_03{background-position: -36px -35px;}
.baseBox .on span.bimg_04{background-position: -75px -34px;}
.baseBox .on span.bimg_05{background-position: -150px -35px;}
.baseBox .on .b_txt{color: #FFF;}


.baseBox .btnbox{width: 70px; height: 20px; padding: 5px 0; border: 1px solid #E7E7E7; border-top: 1px solid #FFF; cursor: pointer; background: #FBFBFB;}
.baseBox .btnbox span{display: block; width: 20px; height: 20px; background: url(../images/besa.png) no-repeat; margin: 0 auto; }
.baseBox .btnbox span.bclose{background-position: -194px -49px;}
.baseBox .btnbox span.bopen{background-position: -192px -13px;}

/*弹窗部分*/
.bchild{width: 230px; padding: 15px; border: 1px solid #E5E5E5; background: #FBFBFB; position: absolute; display: none;}
.baseOn .b_qq,.baseOn .b_zx,.baseOn .b_qq{right: 70px; top: 0px;}
.baseOn .b_dz{right: 70px; bottom: -2px;}
.baseOn .b_wx{right: 70px; bottom: -2px;}
.baseOn .b_qq p,.baseOn .b_zx p{padding: 10px 0; border-bottom: 1px dotted #CCC;}
.baseOn .b_qq p em,.baseOn .b_zx p em{margin-right: 10px;}
.baseOn .b_qq p img{vertical-align: middle;}
.baseOn .b_zx{font: 700 14px/25px "microsoft yahei","黑体",Arial,sans-serif; color: #F00;}
.baseOn .b_dz{font: 700 14px/30px "microsoft yahei","黑体",Arial,sans-serif; color: #F00;}
.baseOn .b_zx p em{font-size: 14px; color: #333;}
/*边栏*/
.rightNav{position: fixed; width: 40px; height: 100%; min-height: 600px; background: #333333; right: 0; top: 0; z-index: 7777;}

/*顶部图片*/
.topImg{width: 40px; height: 146px; position: relative;}
.topImg .topImg_on{display: block; width: 40px; height: 146px; position: relative;}
.topImg .topImg_on img{width: 40px; height: 146px;}

.topImg .topImg_hover{position: absolute; width: 190px; height: 146px; left: -200px; top: 0; display: none;}
.topImg .topImg_hover img{display: block; width: 100%; height: 100%;}

/*中部导航*/
.inMenu{width: 40px; margin-top: 50px; border-top: 1px solid #ddd;}
.inMenu li{width: 40px; border-bottom: 1px solid #DDD; padding: 15px 0; position: relative;}
.inMenu li div.ico{width: 30px; height: 30px; margin: 7px; background-image: url(../images/common.png); background-repeat: no-repeat; cursor: pointer;}
.inMenu li div.ico-1{background-position: -127px -104px;}
.inMenu li div.ico-2{background-position: -127px -11px;}
.inMenu li div.ico-3{background: url(../images/besa.png) no-repeat -112px -35px;background-position: -40px -40px;}
.inMenu li div.ico-4{background-position: -87px -57px;}
/*二维码*/
.inMenu li div.prcode{width: 185px; height: 185px; background: #FFF; border: 1px solid #E5E5E5; position: absolute; left: -195px; top: -1px; display: none;}
.inMenu li div.prcode img{width: 185px; height: 185px;}

/*QQ客服*/
.inMenu li div.kefu{width: 100px; height: auto; background: #FFF; border: 1px solid #E5E5E5; position: absolute; left: -110px; top: -1px; overflow: hidden; display: none;}
.inMenu li div.kefu p{height: 25px; padding: 10px 0; border-bottom: 1px solid #E5E5E5; text-align: center;}

/*报名地址*/
.inMenu li div.dizhi{width: 200px; height: 69px; padding: 0 10px; background: #FFF; border: 1px solid #E5E5E5; position: absolute; left: -232px; top: 0; display: none; font: 100 14px/25px "microsoft yahei","SimHei",Arial,sans-serif;}
.inMenu li div.dizhi p{height: 50px; margin-top: 9px;}

/*我的订单*/
.inMenu li div.dingdan{width: 200px; height: 69px; padding: 0 10px; background: #FFF; border: 1px solid #E5E5E5; position: absolute; left: -232px; top: 0px; display: none; font: 100 14px/69px "microsoft yahei","SimHei",Arial,sans-serif; text-align: center;}


/*返回顶部*/
.J_ScrollTop{width: 40px; height: 40px; padding: 15px 0; position: absolute; left: 0; bottom: 0; cursor: pointer;}
.J_ScrollTop span{display: block; width: 26px; height: 26px; background: url(../images/common.png) no-repeat -86px -13px; margin: 7px;}